.bannerContainer {
	transition: background-image 2s;
	.banner {
		height: 270px;
		display: flex;
		position: relative;
		.img {
			display: block;
			width: 730px;
			transition: background-image 2s;
		}
		.dots {
			position: absolute;
			left: 25%;
			bottom: 5%;
			display: flex;
			justify-content: center;
			align-items: center;
			.dot {
				cursor: pointer;
				width: 8px;
				height: 8px;
				margin: 0 5px;
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0.5);
			}
		}

		.download {
			display: block;
			width: 254px;
			height: 270px;
			background: url(~@/assets/img/download.png) no-repeat 0 0 / cover;
		}

		.btnleft {
			left: -5%;
			background: url(~@/assets/img/banner-control-left.png) no-repeat -5px 0 / cover;
		}
		.btnright {
			right: -5%;
			background: url(~@/assets/img/banner-control-right.png) no-repeat -5px 0 / cover;
		}

		.tabbtn {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			width: 30px;
			height: 70px;
			text-align: center;
			line-height: 70px;
		}
	}
}
